<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
        <link rel="stylesheet" href="./css/main.css">
        <link rel="stylesheet" href="./css/index.css">
        <link rel="stylesheet" href="./css/font.css">
	</head>
	<body>
		<div id="hd">
            <div class="bj">
                <div class="hd_control">
                    
                    <div class="hd_top_operate">
                        <ul class="operate_nav">
                            <span class="nav_1"></span>
                            <li><a href="#" class="nav_list">我的云书房</a></li>
                            <span class="nav_1"></span>
                            <li><a href="#" class="nav_list">我的当当</a></li>
                            <span class="nav_1"></span>
                            <li><a href="#" class="nav_list">小说投稿</a></li>
                            <span class="nav_1"></span>
                            <li><a href="#" class="nav_list">企业采购</a></li>
                            <span class="nav_1"></span>
                            <li><a href="#" class="nav_list">客户服务</a></li>
                        </ul>
                    </div>
                    <div class="head_welcome">
                        <span id="nickname">
                            欢迎您光临当当，请<a href="#" class="login">登录</a>
                            <a href="#" class="plus">成为会员</a>
                        </span>
                    </div>
                    <div class="head_area">
                        <span class="area">送至：北京</span>
                    </div>
                </div>
            </div>
            <div class="logo_line_out">
                <div class="logo_line">
                    <div class="logo">
                        <img src="./img/logo_l.png"/>
                    </div>
                    <div class="search">
                        <div class="search_top">
                            <div class="search_input">
                                <input type="text" value="新课标阅读每满99减50元" class="input_type"/>
                                <input type="text" value="全部分类" class="btn_inner"/>
                            </div>
                    
                            <div class="search_btn">
                                <input type="button" value="" class="btn">
                            </div>
                            
                        </div>
                        <div class="search_bottom">
                                
                            <ul class="search_bottom_item">
                                <span class="search_span">热搜：</span>
                                <li><a href="#" class="bt_list">白金数据</a></li>
                                <li><a href="#" class="bt_list">自然简史</a></li>
                                <li><a href="#" class="bt_list">失控</a></li>
                                <li><a href="#" class="bt_list">引爆点</a></li>
                                <li><a href="#" class="bt_list">增长黑客</a></li>
                                <li><a href="#" class="bt_list">CSS权威指南</a></li>
                                <li><a href="#" class="bt_list">高级搜索</a></li>
                            </ul>
                        </div>
                    
                    </div>
                    <div class="ddcart">
                        <span class="cart">购物车</span>
                    </div>
                    <div class="ddorder">
                        <a href="#" class="order">我的订单</a>
                    </div>
                </div>
            </div>
            <!-- 一级导航栏 -->
            <div class="nav_top">
                <div class="nav_top_con">
                    <ul class="nav_top_con_item">
                        <li class="nav_all">
                            <a href="">全部商品分类</a>
                            <i class="icon iconfont icon-moreunfold"></i>
                        </li>
                        
                        <li class="nav_all1">
                            <a href="#">唯品会</a>
                        </li>
                        <li class="nav_all1">
                            <a href="#">图书</a>
                        </li>
                        <li class="nav_all1">
                            <a href="#">电子书</a>
                        </li>
                        <li class="nav_all1">
                            <a href="#">网络文学</a>
                        </li>
                        <li class="nav_all1">
                            <a href="#">Lily时装</a>
                        </li>
                        <li class="nav_all1">
                            <a href="#">运动户外</a>
                        </li>
                        <li class="nav_all1">
                            <a href="#">孕婴童</a>
                        </li>
                        </li>
                        <li class="nav_all1">
                            <a href="#">家具</a>
                        </li>
                        </li>
                        <li class="nav_all1">
                            <a href="#">创意文具</a>
                        </li>
                        <li class="nav_all1">
                            <a href="#">孕婴童</a>
                        </li>
                        </li>
                        <li class="nav_all1">
                            <a href="#">家具</a>
                        </li>
                        </li>
                        <li class="nav_all1">
                            <a href="#">创意文具</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="sub">
                <ul>
                    <li><a href="#">图书排行榜</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">童书</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">图书排行榜</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">童书</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">图书排行榜</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">童书</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">图书排行榜</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">童书</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">图书排行榜</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">童书</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">图书排行榜</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">童书</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">图书排行榜</a>
                    </li>
                    <li class="sub_item"></li>
                    <li><a href="#">童书</a>
                    </li>
                   
                </ul>
            </div>
        </div>
        <div id="bd_auto">
            <div class="book_ad">
                <img src="./img/book_ad.png" class="book_adimg">
            </div>
            <div class="store_one">
                <div class="store_one_left">
                    <div class="side_menu">
                        <div class="side_left_head">
                            图书分类
                        </div>
                        <div class="side_left_body">
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>特色书单</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>教育</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                    <dd class="dd_level1">
                                        <li class="dd_li">
                                            <a href="#" class="dd_level1_a">教材</a>
                                            
                                        </li>
                                        
                                        <li class="dd_li">
                                            <a href="#" class="dd_level1_a">外语考试</a>
                                        </li>
                                        
                                        <li class="dd_li">
                                            <a href="#" class="dd_level1_a">中小学教辅</a>
                                        </li>
                                        
                                        <li class="dd_li">
                                            <a href="#" class="dd_level1_a">工具书</a>
                                        </li>
                                       
                                        <li class="dd_li">
                                            <a href="#" class="dd_level1_a">图灵</a>
                                        </li>
                                        
                                        <li class="dd_li">
                                            <a href="#" class="dd_level1_a">教材</a>
                                        </li>
                                       
                                    </dd>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>电子书</span>
                                        <span>网络文学</span>
                                        <span>阅读器</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>小说</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>文艺</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                    <dd class="dd_level2">
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                      
                                    </dd>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>文艺</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                    <dd class="dd_level2">
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                      
                                    </dd>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>文艺</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                    <dd class="dd_level2">
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                      
                                    </dd>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>电子书/</span>
                                        <span>网络文学</span>
                                        
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>文艺</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                    <dd class="dd_level2">
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                      
                                    </dd>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>文艺</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                    <dd class="dd_level2">
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                      
                                    </dd>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>文艺</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                    <dd class="dd_level2">
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                      
                                    </dd>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>文艺</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                    <dd class="dd_level2">
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                      
                                    </dd>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>文艺</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                    <dd class="dd_level2">
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                        <span class="level2_p"></span>
                                        <a href="#">文学</a>
                                      
                                    </dd>
                                </dl>
                            </div>
                            <div class="level_one">
                                <dl class="primary_dl">
                                    <dt class="con">
                                        <span>文艺</span>
                                        <i class="icon_more iconfont icon-more"></i>
                                    </dt>
                                  
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="store_one_center">
                    <div class="tab_box_banner">
                        <div class="contain_tab1">
                                <img src="./img/banner1.jpg"/>
                        </div>
                    </div>
                    <div class="book_online">
                        <div class="book_online_title">
                        </div>
                        <div class="book_over">
                            <ul class="book_ul">
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                                <li class="book_li">
                                    <img src="./img/book1.jpg">
                                    <p class="name">
                                        <a href="#">与情绪温柔相处</a>
                                    </p>
                                    <p class="author">
                                        <span class="author_name">陈志恒</span>
                                    </p>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥35.40</span>
                                        </span>
                                    </p>
                                </li>
                            </ul>
                        </div>
                        
                    </div>
                </div>
                <div class="store_one_right">
                    <div class="book_new_state">
                        <div class="book_right_title">
                            <p class="title_new_state">最新动态</p>
                        </div>
                        <ul class="state_ul">
                            <li class="state_li">
                                <a href="#" class="state_a">围炉读书，买三免一，文艺分会场</a>
                            </li>
                            <li class="state_li">
                                <a href="#" class="state_a">围炉读书，买三免一，文艺分会场</a>
                            </li>
                            <li class="state_li">
                                <a href="#" class="state_a">围炉读书，买三免一，文艺分会场!</a>
                            </li>
                        </ul> 
                    </div>
                    <div class="book_presell">
                        <div class="presell_title">
                            <li class="pre_left">新书预售</li>
                            <li class="pre_right">
                                <a href="#" class="pre_right_a">查看更多</a>
                            </li>
                        </div>
                        <div class="pre_over">
                            <ul class="pre_over_ul">
                                <li class="pre_line1">
                                    <a href="#" class="pre_line1_a">
                                        <img src="./img/foxi.jpg"/>
                                    </a>
                                    <p class="pre_name">
                                            <a href="#" class="pre_name_a">佛系：如何成为一个快乐的人</a>
                                    </p>
                                  
                                </li>
                                <li class="price_li">
                                    <p class="price">
                                        <span class="rob">
                                                    <span class="sign">¥</span>
                                                    <span class="num">28</span>
                                                    <span class="tail">.40</span>
                                        </span>
                                        <span class="price_r">
                                                    <span class="sign">¥</span>
                                                    <span class="num">39</span>
                                                    <span class="tail">.80</span>
                                        </span>
                                    </p> 
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="new_book">
                        <div class="hot_book">
                            <img src="./img/newbook_title.png" class="newbook_title">
                            <p>
                                <a href="#" class="newhotbook">新书热卖榜</a>
                            </p>
                               
                        </div>
                    </div>
                    <div class="con_list">
                        <div class="con_list_head">
                            <ul class="head_tab">
                                <li class="head_t1">
                                    <a href="" class="">
                                        <span class="">总榜</span>
                                    </a>
                                </li>
                                <li class="head_t2">
                                    <a href="" class="">
                                        <span>总榜</span>
                                    </a>
                                </li>
                                <li class="head_t3">
                                    <a href="" class="">
                                        <span>青春</span>
                                    </a>
                                </li>
                                <li class="head_t4">
                                    <a href="" class="">
                                        <span>经济</span>
                                    </a>
                                </li>
                                <li class="head_t5">
                                    <a href="" class="">
                                        <span>保健</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="tab_content_aa">
                            <div class="content_aa">
                                <ul class="content_aa_list">
                                    <li class="aa_list_li">
                                        <span class="list_li1">1</span>
                                        <a class="list1_a" href="#">
                                            <img src="./img/list1_a.jpg" class=""/>
                                        </a>
                                        <p class="content_p">
                                            <a class="content_p_a">和孩子一起成长，是最好的</a>
                                        </p>
                                        <p class="price">
                                            <span class="rob">
                                                <span class="sign">¥</span>
                                                <span class="num">27</span>
                                                <span class="tail">.07</span>
                                            </span>
                                            <span class="price_r">
                                                    <span class="sign">¥</span>
                                                    <span class="num">39</span>
                                                    <span class="tail">.80</span>
                                            </span>
                                        </p>
                                       <p class="link">
                                           <a class="link_a" href="#">3134</a>
                                           <span>条评论</span>
                                       </p>
                                    </li>
                                    <li class="aa_list_li2">
                                        <span class="list_span">2</span>
                                        <p class="list_p">小学问：解决你的人生七种焦虑</p>
                                    </li>
                                    <li class="aa_list_li2">
                                        <span class="list_span">2</span>
                                        <p class="list_p">小学问：解决你的人生七种焦虑</p>
                                    </li>
                                    <li class="aa_list_li2">
                                        <span class="list_span">2</span>
                                        <p class="list_p">小学问：解决你的人生七种焦虑</p>
                                    </li>
                                    <li class="aa_list_li2">
                                        <span class="list_span">3</span>
                                        <p class="list_p">小学问：解决你的人生七种焦虑</p>
                                    </li>
                                    <li class="aa_list_li2">
                                        <span class="list_span">4</span>
                                        <p class="list_p">小学问：解决你的人生七种焦虑</p>
                                    </li>
                                    <li class="aa_list_li2">
                                        <span class="list_span">5</span>
                                        <p class="list_p">小学问：解决你的人生七种焦虑</p>
                                    </li>
                                    <li class="aa_list_li2">
                                        <span class="list_span">6</span>
                                        <p class="list_p">小学问：解决你的人生七种焦虑</p>
                                    </li>
                                    <li class="aa_list_li2">
                                        <span class="list_span">7</span>
                                        <p class="list_p">小学问：解决你的人生七种焦虑</p>
                                    </li>
                                     <li class="aa_list_li2">
                                        <span class="list_span">8</span>
                                        <p class="list_p">小学问：解决你的人生七种焦虑</p>
                                    </li>
                                    <li class="aa_list_li3">
                                        <span class="list_span">9</span>
                                        <p class="list_p">小学问：解决你的人生七种焦虑</p>
                                    </li>          
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="store_two">
                <div class="store_two_left">
                    <div class="head_dujia">
                       
                        <img class="dujia_one" src="./img/store_two1.png"/>
                        <ul class="tab_aa">
                            <li class="first" type="bar"><span>主打</span></li>
                            <li class="tabh_1" type="bar"><span>童书1</span></li>
                            <li class="tabh_2" type="bar"><span>童书2</span></li>
                            <li class="tabh_3" type="bar"><span>文艺</span></li>
                            <li class="tabh_4 on" type="bar"><span>小说</span></li>
                            <li class="tabh_5" type="bar"><span>青春励志</span></li>
                            <li class="tabh_6" type="bar"><span>社科</span></li>
                            <li class="tabh_7" type="bar"><span>经管</span></li>
                            <li class="tabh_8" type="bar"><span>生活</span></li>
                            <li class="tabh_9" type="bar"><span>教育</span></li>
                            <li class="tabh_10" type="bar"><span>电子书</span></li>
                        </ul>
                       
                    </div>
                    <div class="body_dujia">
                        <ul class="dujia_ul">
                            <li class="dujia_li">
                                <a class="dujia_a" href="#">
                                    <img src="./img/dujia_1.jpg"/>
                                </a>
                                <p class="dujia_name">
                                    <a href="#">钝感力</a>
                                </p>
                                <span class="dujia_logo">当当独家特供</span>
                                <p class="price">
                                    <span class="rob">
                                        <span class="sign">¥</span>
                                        <span class="num">16</span>
                                        <span class="tail">.00</span>
                                    </span>
                                    <span class="price_r">
                                        <span class="sign">¥</span>
                                        <span class="num">32</span>
                                        <span class="tail">.00</span>
                                    </span>
                                </p>
                            </li>
                            <li class="dujia_li">
                                    <a class="dujia_a" href="#">
                                        <img src="./img/dujia_1.jpg"/>
                                    </a>
                                    <p class="dujia_name">
                                        <a href="#">钝感力(这是一本很值得收藏的图书)</a>
                                    </p>
                                    <span class="dujia_logo">当当独家特供</span>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥</span>
                                            <span class="num">16</span>
                                            <span class="tail">.00</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥</span>
                                            <span class="num">32</span>
                                            <span class="tail">.00</span>
                                        </span>
                                    </p>
                            </li>
                            <li class="dujia_li">
                                    <a class="dujia_a" href="#">
                                        <img src="./img/dujia_1.jpg"/>
                                    </a>
                                    <p class="dujia_name">
                                        <a href="#">钝感力</a>
                                    </p>
                                    <span class="dujia_logo">当当独家特供</span>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥</span>
                                            <span class="num">16</span>
                                            <span class="tail">.00</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥</span>
                                            <span class="num">32</span>
                                            <span class="tail">.00</span>
                                        </span>
                                    </p>
                            </li>
                            <li class="dujia_li">
                                    <a class="dujia_a" href="#">
                                        <img src="./img/dujia_1.jpg"/>
                                    </a>
                                    <p class="dujia_name">
                                        <a href="#">钝感力</a>
                                    </p>
                                    <span class="dujia_logo">当当独家特供</span>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥</span>
                                            <span class="num">16</span>
                                            <span class="tail">.00</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥</span>
                                            <span class="num">32</span>
                                            <span class="tail">.00</span>
                                        </span>
                                    </p>
                            </li>
                            <li class="dujia_li">
                                    <a class="dujia_a" href="#">
                                        <img src="./img/dujia_1.jpg"/>
                                    </a>
                                    <p class="dujia_name">
                                        <a href="#">钝感力</a>
                                    </p>
                                    <span class="dujia_logo">当当独家特供</span>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥</span>
                                            <span class="num">16</span>
                                            <span class="tail">.00</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥</span>
                                            <span class="num">32</span>
                                            <span class="tail">.00</span>
                                        </span>
                                    </p>
                            </li>
                            <li class="dujia_li">
                                    <a class="dujia_a" href="#">
                                        <img src="./img/dujia_1.jpg"/>
                                    </a>
                                    <p class="dujia_name">
                                        <a href="#">钝感力</a>
                                    </p>
                                    <span class="dujia_logo">当当独家特供</span>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥</span>
                                            <span class="num">16</span>
                                            <span class="tail">.00</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥</span>
                                            <span class="num">32</span>
                                            <span class="tail">.00</span>
                                        </span>
                                    </p>
                            </li>
                            <li class="dujia_li">
                                    <a class="dujia_a" href="#">
                                        <img src="./img/dujia_1.jpg"/>
                                    </a>
                                    <p class="dujia_name">
                                        <a href="#">钝感力</a>
                                    </p>
                                    <span class="dujia_logo">当当独家特供</span>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥</span>
                                            <span class="num">16</span>
                                            <span class="tail">.00</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥</span>
                                            <span class="num">32</span>
                                            <span class="tail">.00</span>
                                        </span>
                                    </p>
                            </li>
                            <li class="dujia_li">
                                    <a class="dujia_a" href="#">
                                        <img src="./img/dujia_1.jpg"/>
                                    </a>
                                    <p class="dujia_name">
                                        <a href="#">钝感力</a>
                                    </p>
                                    <span class="dujia_logo">当当独家特供</span>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥</span>
                                            <span class="num">16</span>
                                            <span class="tail">.00</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥</span>
                                            <span class="num">32</span>
                                            <span class="tail">.00</span>
                                        </span>
                                    </p>
                            </li>
                            <li class="dujia_li">
                                    <a class="dujia_a" href="#">
                                        <img src="./img/dujia_1.jpg"/>
                                    </a>
                                    <p class="dujia_name">
                                        <a href="#">钝感力</a>
                                    </p>
                                    <span class="dujia_logo">当当独家特供</span>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥</span>
                                            <span class="num">16</span>
                                            <span class="tail">.00</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥</span>
                                            <span class="num">32</span>
                                            <span class="tail">.00</span>
                                        </span>
                                    </p>
                            </li>
                            <li class="dujia_li">
                                    <a class="dujia_a" href="#">
                                        <img src="./img/dujia_1.jpg"/>
                                    </a>
                                    <p class="dujia_name">
                                        <a href="#">钝感力</a>
                                    </p>
                                    <span class="dujia_logo">当当独家特供</span>
                                    <p class="price">
                                        <span class="rob">
                                            <span class="sign">¥</span>
                                            <span class="num">16</span>
                                            <span class="tail">.00</span>
                                        </span>
                                        <span class="price_r">
                                            <span class="sign">¥</span>
                                            <span class="num">32</span>
                                            <span class="tail">.00</span>
                                        </span>
                                    </p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="store_two_right">
                    <div class="sell_good">
                        <div class="sell_head">
                                <a href="#" class="sell_head_a">
                                    <img src="./img/newbook_title.png"/>
                                </a>
                            </div>
                        <div class="sell_head_right">
                                <p>图书畅销榜</p>
                        </div>
                    </div>
                    <div class="sell_list">
                        <div class="sell_list_head">
                            <ul class="sell_list_ul">
                                <li class="sell_list1">
                                    <a href="#" class=""><span>总榜</span></a>
                                </li>
                                <li class="sell_list1">
                                    <a href="#" class=""><span>文学</span></a>
                                </li>
                                <li class="sell_list1">
                                    <a href="#" class=""><span>经济</span></a>
                                </li>
                                <li class="sell_list1">
                                    <a href="#" class=""><span>旅行</span></a>
                                </li>
                                <li class="sell_list1">
                                    <a href="#" class=""><span>美食</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="sell_content">
                        <div class="sell_content_book">
                            <ul>
                                <li>
                                    <span>1</span>
                                    <p>人类的群星闪耀时（14篇历史文学）</p>
                                </li>
                                <li>
                                    <span>2</span>
                                    <p>人类的群星闪耀时（14篇历史文学）</p>
                                </li>
                                <li>
                                    <span>3</span>
                                    <p>人类的群星闪耀时（14篇历史文学）</p>
                                </li>
                                <li>
                                        <span>4</span>
                                        <p>人类的群星闪耀时（14篇历史文学）</p>
                                    </li>
                                    <li>
                                        <span>5</span>
                                        <p>人类的群星闪耀时（14篇历史文学）</p>
                                    </li>
                                    <li>
                                        <span>6</span>
                                        <p>人类的群星闪耀时（14篇历史文学）</p>
                                </li>
                                <li>
                                        <span>7</span>
                                        <p>人类的群星闪耀时（14篇历史文学）</p>
                                </li>
                                <li>
                                        <span>8</span>
                                        <p>人类的群星闪耀时（14篇历史文学）</p>
                                </li>
                                <li>
                                        <span>9</span>
                                        <p>人类的群星闪耀时（14篇历史文学）</p>
                                </li>
                                <li>
                                        <span>10</span>
                                        <p>人类的群星闪耀时（14篇历史文学）</p>
                                    </li>
                                    <li>
                                        <span>11</span>
                                        <p>人类的群星闪耀时（14篇历史文学）</p>
                                    </li>
                                <li>
                                        <span>12</span>
                                        <p>人类的群星闪耀时（14篇历史文学）</p>
                                </li>
                                <li class="sell_book_bottom">
                                        <span>13</span>
                                        <p>人类的群星闪耀时（14篇历史文学）</p>
                                        <a href="#">查看更多热销书籍</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="store_three">
                <div class="book3_ad">
                    <a href="#" class="_ad1">
                        <img src="./img/_ad1.jpg"/>
                    </a>
                    <a href="#" class="_ad2">
                        <img src="./img/_ad2.jpg"/>
                    </a>
                    <a href="#" class="_ad3">
                        <img src="./img/_ad3.jpg"/>
                    </a>
                </div>
            </div>
            <div class="store_four">
                <div class="store_four_left">
                    <div class="book_tuijian">
                        <div class="head_tuijian">
                            <h3 class="head_title">主编推荐</h3>
                            <ul class="tab_aa1">
                                <li class="first1">
                                    <span>主打</span>
                                </li>
                                <li class="tabh1">
                                    <span>童书1</span>
                                </li>
                                <li class="tabh1">
                                    <span>童书2</span>
                                </li>
                                <li class="tabh1">
                                    <span>文艺</span>
                                </li>
                                <li class="tabh1">
                                    <span>小说</span>
                                </li>
                                <li class="tabh1">
                                    <span>童书1</span>
                                </li>
                                <li class="tabh1">
                                    <span>童书2</span>
                                </li>
                                <li class="tabh1">
                                    <span>文艺</span>
                                </li>
                                <li class="tabh1">
                                    <span>小说</span>
                                </li>
                                <li class="tabh1">
                                    <span>青春励志</span>
                                </li>
                                <li class="tabh1">
                                    <span>电子书</span>
                                </li>
                            </ul>
                        </div>
                        <div class="content_tuijian">
                            <div class="content_tab">
                                <ul class="tab_list_aa">
                                    <li class="line1">
                                        <a href="#" class="">
                                            <img src="./img/line1_book.jpg"/>
                                        </a>
                                        <p class="name">
                                            <a class="" href="#">激荡十年，水大鱼大</a>
                                        </p>
                                        <p class="author">
                                            <span>吴晓波&nbsp;著</span>
                                        </p>
                                        <p class="price">
                                            <span class="rob">
                                                <span class="sign">¥</span>
                                                <span class="num">34</span>
                                                <span class="tail">.80</span>
                                            </span>
                                            <span class="price_r">
                                                <span class="sign">¥</span>
                                                <span class="num">58</span>
                                                <span class="tail">.00</span></span>
                                            </span>
                                        </p>
                                    </li>
                                    <li class="line1">
                                            <a href="#" class="">
                                                <img src="./img/line1_book.jpg"/>
                                            </a>
                                            <p class="name">
                                                <a class="" href="#">激荡十年，水大鱼大</a>
                                            </p>
                                            <p class="author">
                                                <span>吴晓波&nbsp;著</span>
                                            </p>
                                            <p class="price">
                                                <span class="rob">
                                                    <span class="sign">¥</span>
                                                    <span class="num">34</span>
                                                    <span class="tail">.80</span>
                                                </span>
                                                <span class="price_r">
                                                    <span class="sign">¥</span>
                                                    <span class="num">58</span>
                                                    <span class="tail">.00</span></span>
                                                </span>
                                            </p>
                                    </li>
                                    <li class="line1">
                                            <a href="#" class="">
                                                <img src="./img/line1_book.jpg"/>
                                            </a>
                                            <p class="name">
                                                <a class="" href="#">激荡十年，水大鱼大</a>
                                            </p>
                                            <p class="author">
                                                <span>吴晓波&nbsp;著</span>
                                            </p>
                                            <p class="price">
                                                <span class="rob">
                                                    <span class="sign">¥</span>
                                                    <span class="num">34</span>
                                                    <span class="tail">.80</span>
                                                </span>
                                                <span class="price_r">
                                                    <span class="sign">¥</span>
                                                    <span class="num">58</span>
                                                    <span class="tail">.00</span></span>
                                                </span>
                                            </p>
                                    </li>
                                    <li class="line1">
                                            <a href="#" class="">
                                                <img src="./img/line1_book.jpg"/>
                                            </a>
                                            <p class="name">
                                                <a class="" href="#">激荡十年，水大鱼大</a>
                                            </p>
                                            <p class="author">
                                                <span>吴晓波&nbsp;著</span>
                                            </p>
                                            <p class="price">
                                                <span class="rob">
                                                    <span class="sign">¥</span>
                                                    <span class="num">34</span>
                                                    <span class="tail">.80</span>
                                                </span>
                                                <span class="price_r">
                                                    <span class="sign">¥</span>
                                                    <span class="num">58</span>
                                                    <span class="tail">.00</span></span>
                                                </span>
                                            </p>
                                    </li>
                                    <li class="line1">
                                            <a href="#" class="">
                                                <img src="./img/line1_book.jpg"/>
                                            </a>
                                            <p class="name">
                                                <a class="" href="#">激荡十年，水大鱼大</a>
                                            </p>
                                            <p class="author">
                                                <span>吴晓波&nbsp;著</span>
                                            </p>
                                            <p class="price">
                                                <span class="rob">
                                                    <span class="sign">¥</span>
                                                    <span class="num">34</span>
                                                    <span class="tail">.80</span>
                                                </span>
                                                <span class="price_r">
                                                    <span class="sign">¥</span>
                                                    <span class="num">58</span>
                                                    <span class="tail">.00</span></span>
                                                </span>
                                            </p>
                                    </li>
                                    <li class="line1">
                                            <a href="#" class="">
                                                <img src="./img/line1_book.jpg"/>
                                            </a>
                                            <p class="name">
                                                <a class="" href="#">激荡十年，水大鱼大</a>
                                            </p>
                                            <p class="author">
                                                <span>吴晓波&nbsp;著</span>
                                            </p>
                                            <p class="price">
                                                <span class="rob">
                                                    <span class="sign">¥</span>
                                                    <span class="num">34</span>
                                                    <span class="tail">.80</span>
                                                </span>
                                                <span class="price_r">
                                                    <span class="sign">¥</span>
                                                    <span class="num">58</span>
                                                    <span class="tail">.00</span></span>
                                                </span>
                                            </p>
                                    </li>
                                    <li class="line1">
                                            <a href="#" class="">
                                                <img src="./img/line1_book.jpg"/>
                                            </a>
                                            <p class="name">
                                                <a class="" href="#">激荡十年，水大鱼大</a>
                                            </p>
                                            <p class="author">
                                                <span>吴晓波&nbsp;著</span>
                                            </p>
                                            <p class="price">
                                                <span class="rob">
                                                    <span class="sign">¥</span>
                                                    <span class="num">34</span>
                                                    <span class="tail">.80</span>
                                                </span>
                                                <span class="price_r">
                                                    <span class="sign">¥</span>
                                                    <span class="num">58</span>
                                                    <span class="tail">.00</span></span>
                                                </span>
                                            </p>
                                    </li>
                                    <li class="line1">
                                            <a href="#" class="">
                                                <img src="./img/line1_book.jpg"/>
                                            </a>
                                            <p class="name">
                                                <a class="" href="#">激荡十年，水大鱼大</a>
                                            </p>
                                            <p class="author">
                                                <span>吴晓波&nbsp;著</span>
                                            </p>
                                            <p class="price">
                                                <span class="rob">
                                                    <span class="sign">¥</span>
                                                    <span class="num">34</span>
                                                    <span class="tail">.80</span>
                                                </span>
                                                <span class="price_r">
                                                    <span class="sign">¥</span>
                                                    <span class="num">58</span>
                                                    <span class="tail">.00</span></span>
                                                </span>
                                            </p>
                                    </li>
                                    <li class="line1">
                                            <a href="#" class="">
                                                <img src="./img/line1_book.jpg"/>
                                            </a>
                                            <p class="name">
                                                <a class="" href="#">激荡十年，水大鱼大</a>
                                            </p>
                                            <p class="author">
                                                <span>吴晓波&nbsp;著</span>
                                            </p>
                                            <p class="price">
                                                <span class="rob">
                                                    <span class="sign">¥</span>
                                                    <span class="num">34</span>
                                                    <span class="tail">.80</span>
                                                </span>
                                                <span class="price_r">
                                                    <span class="sign">¥</span>
                                                    <span class="num">58</span>
                                                    <span class="tail">.00</span></span>
                                                </span>
                                            </p>
                                    </li>
                                    <li class="line1">
                                            <a href="#" class="">
                                                <img src="./img/line1_book.jpg"/>
                                            </a>
                                            <p class="name">
                                                <a class="" href="#">激荡十年，水大鱼大</a>
                                            </p>
                                            <p class="author">
                                                <span>吴晓波&nbsp;著</span>
                                            </p>
                                            <p class="price">
                                                <span class="rob">
                                                    <span class="sign">¥</span>
                                                    <span class="num">34</span>
                                                    <span class="tail">.80</span>
                                                </span>
                                                <span class="price_r">
                                                    <span class="sign">¥</span>
                                                    <span class="num">58</span>
                                                    <span class="tail">.00</span></span>
                                                </span>
                                            </p>
                                    </li>
                                  
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="book_hot">
                        <div class="book_hot_box">
                            <div class="head">
                                <ul tabindex="head_tab_aa">
                                    <li>
                                        <a href="#" class="">
                                            <span>热门作者</span>
                                        </a>
                                    </li>
                                    <li>
                                            <a href="#" class="">
                                                <span>热门作者</span>
                                            </a>
                                    </li>
                                    <li>
                                            <a href="#" class="">
                                                <span>热门作者</span>
                                            </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="content">
                                <div class="content_left">
                                    <div class="author_p">
                                        <img src="./img/author_p.jpg"/>
                                    </div>
                                    <div class="author_intro">
                                        白茶
                                    </div>
                                    <div class="author_detail">
                                        <p>
                                            <span class="detail_t">
                                                本名梁科栋，卡通网红“吾皇”及“巴扎黑”的创作者，当下最受欢迎的绘本作者。2009、2010《科幻世界》银河奖最佳美术作品奖得主，2009星云奖最佳美术作品奖得主。画功扎实，画风多变细腻，充满幻想色彩。曾为《漫客绘心》《科幻世界》等杂志绘制封面。
                                            </span>
                                        </p>
                                    </div>
                                </div>
                                <div class="content_right">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <span>1</span>
                                                <p>
                                                    <a href="#" class="">林夕</a>
                                                </p>
                                            </a>
                                        </li>
                                        <li>
                                                <a href="#">
                                                    <span>2</span>
                                                    <p>
                                                        <a href="#" class="">林夕</a>
                                                    </p>
                                                </a>
                                        </li>
                                        <li>
                                                <a href="#">
                                                    <span>3</span>
                                                    <p>
                                                        <a href="#" class="">林夕</a>
                                                    </p>
                                                </a>
                                        </li>
                                        <li>
                                                <a href="#">
                                                    <span>4</span>
                                                    <p>
                                                        <a href="#" class="">林夕</a>
                                                    </p>
                                                </a>
                                            </li>
                                            <li>
                                                    <a href="#">
                                                        <span>5</span>
                                                        <p>
                                                            <a href="#" class="">林夕</a>
                                                        </p>
                                                    </a>
                                            </li>
                                            <li>
                                                    <a href="#">
                                                        <span>6</span>
                                                        <p>
                                                            <a href="#" class="">林夕</a>
                                                        </p>
                                                    </a>
                                        </li>
                                        <li>
                                                <a href="#">
                                                    <span>7</span>
                                                    <p>
                                                        <a href="#" class="">林夕</a>
                                                    </p>
                                                </a>
                                            </li>
                                            <li>
                                                    <a href="#">
                                                        <span>8</span>
                                                        <p>
                                                            <a href="#" class="">林夕</a>
                                                        </p>
                                                    </a>
                                            </li>
                                            <li>
                                                    <a href="#">
                                                        <span>9</span>
                                                        <p>
                                                            <a href="#" class="">林夕</a>
                                                        </p>
                                                    </a>
                                            </li>
                                            <li>
                                                    <a href="#">
                                                        <span>10</span>
                                                        <p>
                                                            <a href="#" class="">林夕</a>
                                                        </p>
                                                    </a>
                                            </li>
                                    </ul>
                                </div>
                                <div class="content_zuopin">
                                    <div class="zuopin">
                                        <p>
                                            <span>作品</span>
                                        </p>
                                    </div>
                                </div>
                                <div class="zuopin_display">
                                    <div class="display">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                        <img src="./img/zuopin1.jpg"/>
                                                </a>
                                                <p class="name">
                                                    就喜欢你看不上我又干不掉我的样子
                                                </p>
                                                
                                                <p class="star">
                                                        <i class="icon1 iconfont icon-xingxing"></i>
                                                        <i class="icon1 iconfont icon-xingxing"></i>
                                                        <i class="icon1 iconfont icon-xingxing"></i>
                                                        <i class="icon1 iconfont icon-xingxing"></i>
                                                        <i class="icon1 iconfont icon-xingxing"></i>
                                                </p>
                                                <p class="price">
                                                    <span class="rob">
                                                        <span class="sign">¥</span>
                                                        <span class="num">46</span>
                                                        <span class="tail">.00</span>
                                                    </span>
                                                    <span class="price_r">
                                                        <span class="sign">¥</span>
                                                        <span class="num">92</span>
                                                        <span class="tail">.00</span>
                                                    </span>
                                                </p>
                                            </li>
                                            <li>
                                                    <a href="#">
                                                            <img src="./img/zuopin1.jpg"/>
                                                    </a>
                                                    <p class="name">
                                                        就喜欢你看不上我又干不掉我的样子
                                                    </p>
                                                    
                                                    <p class="star">
                                                            <i class="icon1 iconfont icon-xingxing"></i>
                                                            <i class="icon1 iconfont icon-xingxing"></i>
                                                            <i class="icon1 iconfont icon-xingxing"></i>
                                                            <i class="icon1 iconfont icon-xingxing"></i>
                                                            <i class="icon1 iconfont icon-xingxing"></i>
                                                    </p>
                                                    <p class="price">
                                                        <span class="rob">
                                                            <span class="sign">¥</span>
                                                            <span class="num">46</span>
                                                            <span class="tail">.00</span>
                                                        </span>
                                                        <span class="price_r">
                                                            <span class="sign">¥</span>
                                                            <span class="num">92</span>
                                                            <span class="tail">.00</span>
                                                        </span>
                                                    </p>
                                            </li>
                                            <li>
                                                    <a href="#">
                                                            <img src="./img/zuopin1.jpg"/>
                                                    </a>
                                                    <p class="name">
                                                        就喜欢你看不上我又干不掉我的样子
                                                    </p>
                                                    
                                                    <p class="star">
                                                            <i class="icon1 iconfont icon-xingxing"></i>
                                                            <i class="icon1 iconfont icon-xingxing"></i>
                                                            <i class="icon1 iconfont icon-xingxing"></i>
                                                            <i class="icon1 iconfont icon-xingxing"></i>
                                                            <i class="icon1 iconfont icon-xingxing"></i>
                                                    </p>
                                                    <p class="price">
                                                        <span class="rob">
                                                            <span class="sign">¥</span>
                                                            <span class="num">46</span>
                                                            <span class="tail">.00</span>
                                                        </span>
                                                        <span class="price_r">
                                                            <span class="sign">¥</span>
                                                            <span class="num">92</span>
                                                            <span class="tail">.00</span>
                                                        </span>
                                                    </p>
                                                </li>
                                                <li>
                                                        <a href="#">
                                                                <img src="./img/zuopin1.jpg"/>
                                                        </a>
                                                        <p class="name">
                                                            就喜欢你看不上我又干不掉我的样子
                                                        </p>
                                                        
                                                        <p class="star">
                                                                <i class="icon1 iconfont icon-xingxing"></i>
                                                                <i class="icon1 iconfont icon-xingxing"></i>
                                                                <i class="icon1 iconfont icon-xingxing"></i>
                                                                <i class="icon1 iconfont icon-xingxing"></i>
                                                                <i class="icon1 iconfont icon-xingxing"></i>
                                                        </p>
                                                        <p class="price">
                                                            <span class="rob">
                                                                <span class="sign">¥</span>
                                                                <span class="num">46</span>
                                                                <span class="tail">.00</span>
                                                            </span>
                                                            <span class="price_r">
                                                                <span class="sign">¥</span>
                                                                <span class="num">92</span>
                                                                <span class="tail">.00</span>
                                                            </span>
                                                        </p>
                                                </li>
                                        </ul>
                                       
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="store_four_right">
                    <div class="ebook_sell">
                        <div class="title">
                            <img src="./img/newbook_title.png"/>
                            <p>电子书榜</p>
                        </div>
                        <div class="ebook_sell_list">
                            <ul class="list_aa">
                                <li>
                                    <span>1</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信</a>
                                    </p>
                                </li>
                                <li>
                                    <span>2</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信,一只特立独行的猪</a>
                                    </p>
                                </li>
                                <li>
                                    <span>3</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信,一只特立独行的猪</a>
                                    </p>
                                </li>
                                <li>
                                    <span>4</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信,一只特立独行的猪</a>
                                    </p>
                                </li>
                                <li>
                                    <span>5</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信,一只特立独行的猪</a>
                                    </p>
                                </li>
                                <li>
                                    <span>6</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信,一只特立独行的猪</a>
                                    </p>
                                </li>
                                <li>
                                    <span>7</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信,一只特立独行的猪</a>
                                    </p>
                                </li>
                                <li>
                                    <span>8</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信,一只特立独行的猪</a>
                                    </p>
                                </li>
                                <li>
                                    <span>9</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信,一只特立独行的猪</a>
                                    </p>
                                </li>
                                <li>
                                    <span>10</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信,一只特立独行的猪</a>
                                    </p>
                                </li>
                                <li>
                                    <span>11</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信,一只特立独行的猪</a>
                                    </p>
                                </li>
                                <li>
                                    <span>12</span>
                                    <p class="name">
                                        <a href="#">一个陌生女人的来信,一只特立独行的猪</a>
                                    </p>
                                </li>
                            </ul>
                            <div class="a_link">
                                <a href="#" class="">
                                    查看完整书单>>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="book_right_ad">
                        <a class="dic" href="#">
                            <img src="./img/store_four1.jpg"/>
                        </a>
                        <a class="dic" href="#">
                            <img src="./img/store_four2.jpg"/>
                        </a>
                        <a class="dic" href="#">
                            <img src="./img/store_four1.jpg"/>
                        </a>
                        <a class="dic" href="#">
                            <img src="./img/store_four2.jpg"/>
                        </a>
                    </div>
                </div>
                
            </div>
            <div class="store_five">
                <div class="store_five_content">
                        <a href="#" class="five_dic">
                                <img src="./img/five_dic1.jpg"/>
                        </a> 
                        <a href="#" class="five_dic">
                                <img src="./img/five_dic1.jpg"/>
                        </a>  
                        <a href="#" class="five_dic">
                                <img src="./img/five_dic1.jpg"/>
                        </a>   
                </div>
            </div>
            <div class="store_six">
                <div class="book_reco_area">
                    <div class="book_reco_head">
                        <h3>猜你喜欢</h3>
                        <p>
                            <i class=".icon2 iconfont icon-xunhuan"></i>
                            <span>换一批</span>
                        </p>
                    </div>
                    <div class="book_reco_content">
                        <div class="book_reco_left">
                            <ul class="list_aa">
                                <li class="line1">
                                    <a href="#" class="">
                                        <img src="./img/store_six1.jpg"/>
                                    </a>
                                    <p class="name">
                                        <a href="#" class="">新美南吉绘本</a>
                                    </p>
                                    <p class="xingxing">
                                        <i class="icon1 iconfont icon-xingxing"></i>
                                        <i class="icon1 iconfont icon-xingxing"></i>
                                        <i class="icon1 iconfont icon-xingxing"></i>
                                        <i class="icon1 iconfont icon-xingxing"></i>
                                        <i class="icon1 iconfont icon-unie615"></i>
                                    </p>
                                    <p class="price"><span class="rob"><span class="sign">¥</span><span class="num">23</span><span class="tail">.30</span></span><span class="price_r"></span></p>
                                </li>
                                <li class="line1">
                                        <a href="#" class="">
                                            <img src="./img/store_six1.jpg"/>
                                        </a>
                                        <p class="name">
                                            <a href="#" class="">新美南吉绘本</a>
                                        </p>
                                        <p class="xingxing">
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-unie615"></i>
                                        </p>
                                        <p class="price"><span class="rob"><span class="sign">¥</span><span class="num">23</span><span class="tail">.30</span></span><span class="price_r"></span></p>
                                </li>
                                <li class="line1">
                                        <a href="#" class="">
                                            <img src="./img/store_six1.jpg"/>
                                        </a>
                                        <p class="name">
                                            <a href="#" class="">新美南吉绘本</a>
                                        </p>
                                        <p class="xingxing">
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-unie615"></i>
                                        </p>
                                        <p class="price"><span class="rob"><span class="sign">¥</span><span class="num">23</span><span class="tail">.30</span></span><span class="price_r"></span></p>
                                </li>
                                <li class="line1">
                                        <a href="#" class="">
                                            <img src="./img/store_six1.jpg"/>
                                        </a>
                                        <p class="name">
                                            <a href="#" class="">新美南吉绘本</a>
                                        </p>
                                        <p class="xingxing">
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-xingxing"></i>
                                            <i class="icon1 iconfont icon-unie615"></i>
                                        </p>
                                        <p class="price"><span class="rob"><span class="sign">¥</span><span class="num">23</span><span class="tail">.30</span></span><span class="price_r"></span></p>
                                </li>
                            </ul>
                        </div>
                        <div class="book_reco_right">
                            <div class="book_youlike">
                                <div class="book_youlike1">
                                    <h1>您可能喜欢的作者是：</h1>
                                    <ul>
                                        <li>
                                            <a href="#" class="">张德芬</a>
                                        </li>
                                        <li>
                                                <a href="#" class="">卡耐基</a>
                                        </li>
                                        <li>
                                                <a href="#" class="">张德芬</a>
                                            </li>
                                            <li>
                                                    <a href="#" class="">卡耐基</a>
                                        </li>
                                        <li>
                                                <a href="#" class="">张德芬</a>
                                            </li>
                                            <li>
                                                    <a href="#" class="">卡耐基</a>
                                        </li>
                                        <li>
                                                <a href="#" class="">张德芬</a>
                                            </li>
                                            <li>
                                                    <a href="#" class="">卡耐基</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="store_seven">
                <div class="seven_top">
                    <ul class="list_aa">
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin1.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin2.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin3.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin4.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin5.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin6.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin7.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin5.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin4.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin3.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin2.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin3.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin8.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin6.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin3.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin4.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin3.jpg"/>
                            </a>
                        </li>
                        <li class="line1">
                            <a class="" href="#">
                                <img src="./img/vpin5.jpg"/>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="seven_center">
                    <h2 class="title">战略合作伙伴</h2>
                    <div class="box_aa">
                        <ul class="box_ul">
                            <li class="">
                                <p class="p1">
                                    <span>小朵童书</span>
                                </p>
                                <p class="p2">
                                    <span>长江少年儿童出版社</span>
                                </p>
                                <a href="#">
                                    <img src="./img/chuban.jpg"/>
                                </a>
                            </li>
                            <li class="">
                                    <p class="p1">
                                        <span>小朵童书</span>
                                    </p>
                                    <p class="p2">
                                        <span>长江少年儿童出版社</span>
                                    </p>
                                    <a href="#">
                                        <img src="./img/chuban.jpg"/>
                                    </a>
                            </li>
                            <li class="">
                                    <p class="p1">
                                        <span>小朵童书</span>
                                    </p>
                                    <p class="p2">
                                        <span>长江少年儿童出版社</span>
                                    </p>
                                    <a href="#">
                                        <img src="./img/chuban.jpg"/>
                                    </a>
                            </li>
                            <li class="">
                                    <p class="p1">
                                        <span>小朵童书</span>
                                    </p>
                                    <p class="p2">
                                        <span>长江少年儿童出版社</span>
                                    </p>
                                    <a href="#">
                                        <img src="./img/chuban.jpg"/>
                                    </a>
                            </li>
                            <li class="line5">
                                    <p class="p1">
                                        <span>小朵童书</span>
                                    </p>
                                    <p class="p2">
                                        <span>长江少年儿童出版社</span>
                                    </p>
                                    <a href="#">
                                        <img src="./img/chuban.jpg"/>
                                    </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="seven_bottom">
                     <img src="./img/seven_bottom.jpg"/>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="footer_pic">
                <div class="footer_pic_inner">
                    <a>
                        <span class="span1">正规</span>
                    </a>
                    <a>
                            <span class="span2">正规</span>
                    </a>
                    <a>
                            <span class="span3">正规</span>
                    </a>
                    <a>
                            <span class="span4">正规</span>
                    </a>
                </div>
            </div>
            <div class="public_footer_new">
                <div class="footer_sort">
                    <span class="title">购物指南</span>
                    <ul>
                        <li>
                            <a href="#">购物流程</a>
                        </li>
                        <li>
                                <a href="#">发票制度</a>
                        </li>
                        <li>
                                <a href="#">购物管理</a>
                        </li>
                        <li>
                                <a href="#">会员优惠</a>
                        </li>
                    </ul>
                </div>
                <div class="footer_sort">
                        <span class="title">购物指南</span>
                        <ul>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                    <a href="#">发票制度</a>
                            </li>
                            <li>
                                    <a href="#">购物管理</a>
                            </li>
                            <li>
                                    <a href="#">会员优惠</a>
                            </li>
                        </ul>
                </div>
                <div class="footer_sort">
                        <span class="title">购物指南</span>
                        <ul>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                    <a href="#">发票制度</a>
                            </li>
                            <li>
                                    <a href="#">购物管理</a>
                            </li>
                            <li>
                                    <a href="#">会员优惠</a>
                            </li>
                        </ul>
                </div>
                <div class="footer_sort">
                        <span class="title">购物指南</span>
                        <ul>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                    <a href="#">发票制度</a>
                            </li>
                            <li>
                                    <a href="#">购物管理</a>
                            </li>
                            <li>
                                    <a href="#">会员优惠</a>
                            </li>
                        </ul>
                </div>
                <div class="footer_sort">
                        <span class="title">购物指南</span>
                        <ul>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                    <a href="#">发票制度</a>
                            </li>
                            <li>
                                    <a href="#">购物管理</a>
                            </li>
                            <li>
                                    <a href="#">会员优惠</a>
                            </li>
                        </ul>
                </div>
                <div class="footer_sort">
                        <span class="title">购物指南</span>
                        <ul>
                            <li>
                                <a href="#">购物流程</a>
                            </li>
                            <li>
                                    <a href="#">发票制度</a>
                            </li>
                            <li>
                                    <a href="#">购物管理</a>
                            </li>
                            <li>
                                    <a href="#">会员优惠</a>
                            </li>
                        </ul>
                </div>
                
            </div>
            <div class="footer_nav">
                <div class="footer_a">
                    <a href="#" class="">公司简介</a>
                    <span class="sep">|</span>
                    <a href="#" class="">公司简介</a>
                    <span class="sep">|</span>
                    <a href="#" class="">公司简介</a>
                    <span class="sep">|</span>
                    <a href="#" class="">公司简介</a>
                    <span class="sep">|</span>
                    <a href="#" class="">公司简介</a>
                    <span class="sep">|</span>
                    <a href="#" class="">公司简介</a>
                    <span class="sep">|</span>
                    <a href="#" class="">公司简介</a>
                    <span class="sep">|</span>
                    <a href="#" class="">公司简介</a>
                </div>
            </div>
            <div class="footer_copyright">
                <span>Copyright (C) 当当网 2004-2017, All Rights Reserved</span>
                <a href="#" target="_blank" class="footer_img">
                    <img src="./img/validate.gif">
                </a>
                <span>
                    <a href="#" target="_blank">
                        京ICP证041189号
                    </a>
                </span>
                <span>出版物经营许可证 新出发京批字第直0673号</span>
            </div>
        </div>
	</body>
</html>
